{include file="common/header"/}
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
              <div class="layui-card-body">
                <div class="layui-row">
                  <form class="layui-form layui-form-pane" lay-filter="form">
                    <div class="layui-form-item">
                        <label class="layui-form-label">所属用户组</label>
                        <div class="layui-input-inline">
                            <select name="group_id" lay-verify="required" {if !empty($info) && $info.group_id !=1 }disabled{/if}>
                                <option value="">请选择用户组</option>
                                {volist name="authGroup" id="vo"}
                                <option value="{$vo.id}" {if !empty($info) && $info.group_id==$vo.id} selected {/if} >{$vo.title}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">{:lang('username')}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="username" lay-verify="required" placeholder="{:lang('pleaseEnter')}登录用户名" class="layui-input {if $info && $info.id!==1}layui-disabled{/if}"  {if  $info && $info.id!==1}readonly="readonly"{/if}>
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            用户名在4到25个字符之间。
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">{:lang('password')}</label>
                        <div class="layui-input-inline">
                            <input type="password" name="password" placeholder="{:lang('pleaseEnter')}登录密码" autocomplete="true" {if empty($info)} lay-verify="required"{/if} class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            密码必须大于6位，小于15位。
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">头像</label>
                        <input type="hidden" name="avatar" id="avatar" class="attach">
                        <div class="layui-input-inline">
                            <div class="layui-upload">
                                <button type="button" class="layui-btn layui-btn-primary" data-path="user" id="selectAttach" data-href="{:url('sys.attach/select')}?mime=image"><i class="icon icon-upload3"></i>点击上传</button>
                                <div class="layui-upload-list">
                                    <img class="layui-upload-img" width="120" height="80" id="addPic">
                                    <p id="notice"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">{:lang('email')}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="email" lay-verify="email" placeholder="{:lang('pleaseEnter')}用户邮箱" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            用于密码找回，请认真填写。
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">{:lang('mobile')}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="mobile" lay-verify="phone" value="" placeholder="{:lang('pleaseEnter')}手机号" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="hidden" name="id"  >
                            <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
                        </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
        </div>

    </div>
</div>

{include file="common/footer"/}
<script>
layui.use(['form','upload'], function () {
    var form = layui.form,upload = layui.upload;
    var info = '';
    info = {:json_encode($info)};
    form.val("form", info);
    if(info){
        $('#addPic').attr('src',info.avatar);
    }
    form.render();

    var uploadInst = upload.render({
        elem: '#adBtn'
        ,url: '{:url("UpFiles/image")}'
        ,before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $('#addPic').attr('src', result); //图片链接（base64）
            });
        },
        done: function(res){
            if(res.code>0){
                $('#avatar').val(res.url);
            }else{
                //如果上传失败
                return layer.msg('上传失败');
            }
        }
        ,error: function(){
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
                uploadInst.upload();
            });
        }
    });
});
</script>